home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / redakcyjne / programy / Weather Watcher Live 6.1.23 / WWL6123.exe / {app} / Skins / Interface / Splendid2 / Skin.wwt < prev    next >
Text File  |  2009-12-27  |  76KB  |  951 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <HTML>
  4. <HEAD>
  5.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/NiceTitleAutoWidth.css" TYPE="text/css" />
  6.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/Splendid.css" />
  7.     <!--[if lt IE 7]>
  8.         <style type="text/css">
  9.         img, div {behavior: url("../../iepngfix.htc")}
  10.         </style>
  11.     <![endif]-->
  12. </HEAD>
  13.  
  14. <BODY ONLOAD="getWindowSize()" ONRESIZE="getWindowSize()">
  15.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/BlockF5.js"></SCRIPT>
  16.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/DragDIV.js"></SCRIPT>
  17.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/General.js"></SCRIPT>
  18.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Lightbox.js"></SCRIPT>
  19.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/NiceTitle.js"></SCRIPT>
  20.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Splendid.js"></SCRIPT>
  21.     <SCRIPT TYPE="text/javascript"> 
  22.         var thermPercentage;
  23.         var plainTemp;        
  24.         var pnHeight = 0;
  25.         var pnWidth = 0;
  26.         var bolIsIE8 = isIE8();
  27.  
  28.         var gaugeBackgroundWidth;
  29.                 
  30.         if (bolIsIE8 == true)
  31.         {    gaugeBackgroundWidth = -13;
  32.         }
  33.         else
  34.         {    gaugeBackgroundWidth = -14;
  35.         }
  36.     
  37.         function getWindowSize()
  38.         {    if (bolIsIE8 == false)
  39.             {    pnHeight = -document.body.parentNode.offsetHeight%2;
  40.                 pnWidth = -document.body.parentNode.offsetWidth%2;
  41.             }
  42.         }
  43.  
  44.         function updateTemperature(currentTemp, currentTempPlain, tempHighPlain, feelsLikeTemp)
  45.         {    //************************************
  46.             //*  Declare & initialize variables  *
  47.             //************************************
  48.             var temp = currentTemp.replace("°","");
  49.             var tempPlain = currentTempPlain;
  50.             var tempArray = temp.split("/");
  51.             var tempDisplay = "N/A";
  52.             var tempUnit;
  53.             var tempLevel;
  54.             var tempMaxLevel;
  55.             
  56.             if (feelsLikeTemp == 'N/A') feelsLikeTemp = 'NA';
  57.             
  58.             plainTemp = tempPlain;
  59.             
  60.             //*************************************************************
  61.             //*  If multiple temp values are shown, grab the first value  *
  62.             //*************************************************************
  63.             if (tempArray.length > 0) temp = tempArray[0];
  64.             
  65.             //********************************************************************
  66.             //*  Figure out how many red/blue temperature guage bars to display  *
  67.             //********************************************************************
  68.             switch (temp) 
  69.             {    case "N":
  70.                     tempDisplay = "N/A";
  71.                     temp = "NA";
  72.                     thermPercentage = 0
  73.                     
  74.                     break;
  75.                 default:
  76.                     if (temp.indexOf("░F") > -1)
  77.                     {    tempUnit = "F";
  78.                         tempDisplay = temp.replace("F", "");
  79.                         temp = temp.replace("░F", "");
  80.                         
  81.                         tempLevel = parseInt(temp) + 20;
  82.                         tempMaxLevel = 140;
  83.                     }
  84.                     else if (temp.indexOf("░C") > -1)
  85.                     {    tempUnit = "C";
  86.                         tempDisplay = temp.replace("C", "");
  87.                         temp = temp.replace("░C", "");
  88.     
  89.                         tempLevel = parseInt(temp) + 20;
  90.                         tempMaxLevel = 70;
  91.                     }    
  92.                     
  93.                     //*************************************
  94.                     //*  Calculate the thermometer level  *
  95.                     //*************************************
  96.                     if (tempLevel < 0) 
  97.                         tempLevel = 0;
  98.                     else if (tempLevel > tempMaxLevel) 
  99.                         tempLevel = tempMaxLevel;
  100.                             
  101.                     thermPercentage = parseInt((tempLevel / tempMaxLevel) * 100);
  102.                     
  103.             }
  104.  
  105.             tempArray = feelsLikeTemp.split("/");
  106.             if (tempArray.length > 0) feelsLikeTemp = tempArray[0];
  107.  
  108.             document.getElementById("Therm-Bulb-Large-Digit").style.background = "url('../../Images/ThermDigits/Large/" + roundTemperature(temp) + ".png')";
  109.             document.getElementById("Therm-Bulb-Small-Digit").style.background = "url('../../Images/ThermDigits/Small/" + roundTemperature(feelsLikeTemp) + ".png')";
  110.         }
  111.  
  112.         //****************************************************************************************
  113.         //*  The following function will be run each time Weather Watcher reloads the skin file  *
  114.         //****************************************************************************************
  115.         function runLoadProcedures()
  116.         {    loadSkinSettings();
  117.         
  118.             //**************************
  119.             //*  Display alert banner  *
  120.             //**************************
  121.             var alertInfo = document.getElementById("WW-AlertInfo").innerHTML;
  122.             
  123.             if (alertInfo != "N/A")
  124.             {    updateDIVs("WW-AlertBannerText", alertInfo.substring(0,61) + "...");
  125.                 showDIVs("WW-AlertBanner");
  126.             } 
  127.             else 
  128.             {    hideDIVs("WW-AlertBanner");
  129.             }
  130.  
  131.             //*******************************************************
  132.             //*  Figure out how many ticks to fill in on barometer  *
  133.             //*******************************************************
  134.             var barometer = document.getElementById("WW-Barometer").innerHTML;
  135.             var barometerTickCount;
  136.             var barometerText = document.getElementById("WW-Barometer-Text").innerHTML;
  137.             var barometerRate = document.getElementById("WW-Barometer-Rate").innerHTML;
  138.             
  139.             if (isNumeric(barometer) == false)
  140.             {    barometerTickCount = 0;
  141.             }
  142.             else
  143.             {    if (parseFloat(barometer) < 27.5)
  144.                 {    barometerTickCount = 1;
  145.                 }
  146.                 else
  147.                 {    barometerTickCount = Math.round(((parseFloat(barometer) - 27.5) / 4) * 22);
  148.                 }
  149.             }
  150.     
  151.             //*****************************************************
  152.             //*  Figure out barometer tick color                  *
  153.             //*  Red = Falling; Blue = No Change; Green = Rising  * 
  154.             //*****************************************************
  155.             if (isNumeric(barometerRate) == true)
  156.             {    barometerRate = parseFloat(barometerRate);
  157.             
  158.                 if (barometerRate < 0) barometerColor = "Red";
  159.                 else if (barometerRate > 0) barometerColor = "Green";
  160.                 else barometerColor = "Blue";
  161.             }
  162.             else
  163.             {    if (barometerText.indexOf("falling") > -1) barometerColor = "Red";
  164.                 else if (barometerText.indexOf("rising") > -1) barometerColor = "Green";
  165.                 else barometerColor = "Blue";
  166.             }
  167.  
  168.             document.getElementById("WW-BarometerGauge-Image").src = "../../Images/Barometer/" + barometerColor + "/" + barometerTickCount + ".gif";
  169.             document.getElementById("WW-BarometerGauge-Text").innerHTML= document.getElementById("WW-Barometer-Plain-Text").innerHTML;
  170.     
  171.             //*************************************
  172.             //*  Format and set the station name  *
  173.             //*************************************
  174.             var station = document.getElementById("WW-Station-Source").innerHTML;     
  175.             station = station.replace('(','\(').replace(')','\)');     
  176.             if (station.length > 60) station = station.substring(0, 60) + "...";
  177.             station = "<STRONG STYLE=\"color:#FFF; font-size:13px;\">" + station.replace("(","</STRONG>(");
  178.             updateDIVs("WW-Station-Name", station);
  179.             
  180.             //********************************************
  181.             //*  Format and set the updated time stamps  *
  182.             //********************************************
  183.             updateDIVs("WW-Updated-Replaced", (document.getElementById("WW-Updated-Source").innerHTML).replace('Observed','Updated'));
  184.         
  185.             //**************************
  186.             //*  Update the map image  *
  187.             //**************************
  188.             var mapImage = "file:///" + document.getElementById("WW-Skin-Path").innerHTML + "map." + getMapExtension();
  189.             
  190.             if (imageExists(mapImage) == true)
  191.             {    document.getElementById("WW-Map-Image").src = mapImage + '?' + getUniqueNumber;
  192.             }
  193.             
  194.             //***********************
  195.             //*  Splendid tooltips  *
  196.             //***********************
  197.             NiceTitles.autoCreated = new Object();
  198.             
  199.             NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 400);
  200.             NiceTitles.autoCreated.images = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 600);
  201.  
  202.             NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("div"), "title");
  203.             NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("img"), "title"); 
  204.         }                    
  205.     </SCRIPT>
  206.     
  207.     <DIV STYLE="border:solid 1px #4C5054; height:100%;">
  208.     <DIV STYLE="border:solid 1px #C9C7C7; height:100%;">
  209.         <!-- Splendid settings window  -->
  210.         <DIV ID="WW-SettingsOverlay" STYLE="position:absolute; top:0px; left:0px; z-index:1000; width:110%; height:110%; display:none;" ONMOUSEDOWN="hideSettings();"><IMG CLASS="PNG" SRC="../../Images/SettingsOverlay.png" STYLE="height:100%; width:100%;"></DIV> 
  211.         
  212.         <DIV ID="WW-Settings" STYLE="border:1px solid #000; position:absolute; display:none; z-index:1001; background-color: #FFF; width:320px;">     
  213.             <DIV STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; height:24px;"></DIV>
  214.             <DIV STYLE="padding:15px; border:solid 1px #4C5054; border-top:0px; border-bottom:0px;">
  215.                 <FORM NAME="SplendidOptionsForm" STYLE="margin-top: 0px; margin-bottom: 0px;">
  216.                     <DIV STYLE="font:bold; color:#838383;">Bar Graphs:</DIV>
  217.                     <INPUT TYPE="radio" NAME="BarGraphs" VALUE="Show"> Show   <INPUT TYPE="radio" NAME="BarGraphs" VALUE="Hide"> Hide<BR>
  218.                     <BR>
  219.                     <DIV STYLE="font:bold; color:#838383;">Map Image Link <EM STYLE="font-weight:normal;">(.GIF, .JPG or .PNG only)</EM>:</DIV>
  220.                     <INPUT TYPE="text" NAME="MapLink" STYLE="width:100%"><BR>
  221.                     <BR>                    
  222.                     <DIV STYLE="font:bold; color:#838383;">Map Zoom Level <EM STYLE="font-weight:normal;">(US maps only)</EM>:</DIV>
  223.                     <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="1">1   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="2">2   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="5">3   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="6">4   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="7">5<BR>
  224.                     <BR>
  225.                     <DIV STYLE="font:bold; color:#838383;">News Stories:</DIV>
  226.                     <INPUT TYPE="radio" NAME="NewsBar" VALUE="Show">Show   <INPUT TYPE="radio" NAME="NewsBar" VALUE="Hide">Hide<BR>
  227.                     <BR>
  228.                     <DIV STYLE="font:bold; color:#838383;">Slider Display:</DIV>
  229.                     <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Days">Days   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Hours">Hours   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Moons">Moons<BR>
  230.                     <BR>
  231.                     <DIV STYLE="font:bold; color:#838383;">Thermometer Color:</DIV>
  232.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Blue">Blue<BR>
  233.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Red">Red<BR>
  234.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="BlueRed">Red <EM>(above freezing)</EM> & Blue <EM>(freezing)</EM><BR>
  235.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="RedBlue">Blue <EM>(above freezing)</EM> & Red <EM>(freezing)</EM><BR>
  236.                     <BR>
  237.                     <DIV STYLE="font:bold; color:#838383;">Wind Gauge Arrow:</DIV>
  238.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Standard">Point in direction wind is blowing toward<BR>
  239.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Reverse">Point in direction wind is blowing from<BR>
  240.                 </FORM>
  241.             </DIV>
  242.             <DIV ALIGN="right" STYLE="border:solid 1px #4C5054; border-top:0px; background:#DAD5CA;">
  243.                 <DIV STYLE="padding:8px; border-top:solid 1px #CBC6BC;">
  244.                     <INPUT TYPE="button" VALUE="   OK   " ONMOUSEDOWN="hideSettings(); setRunAction('SaveSkinSettings'); loadSkinSettings();"> <INPUT TYPE="button" VALUE="Cancel" ONMOUSEDOWN="hideSettings();">
  245.                 </DIV>
  246.             </DIV>
  247.         </DIV>
  248.         <!-- Splendid settings window  -->
  249.     
  250.  
  251.         <!-- Window top bar -->
  252.         <DIV STYLE="position:absolute; z-index:20; top:2; right:expression(pnWidth+2+'px'); padding-left:31px; width:100%;">
  253.             <DIV ID="WW-DragWindow" ALIGN="right" STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; padding: 4px 3px 6px 0px; cursor:url('../../Cursors/Drag.cur'), default;" ONMOUSEDOWN="setRunAction('WindowDrag');">
  254.                 <IMG CLASS="PNG" SRC="../../Images/WWL.png" WIDTH="126" HEIGHT="13" ONDRAG="return false"><BR>
  255.             </DIV>
  256.             <DIV STYLE="border-bottom:solid 1px #AEA89A;">
  257.                 <DIV STYLE="background-color: #B9B09D; border-bottom:solid 1px #A19886;">
  258.                     <IMG SRC="../../Images/Blank.gif" HEIGHT="9px" WIDTH="0px"><BR>            
  259.                 </DIV>
  260.             </DIV>
  261.         </DIV>
  262.         <!-- Window top bar -->
  263.         
  264.         
  265.         <!-- Top buttons -->
  266.         <DIV STYLE="position:absolute; z-index:35; top:13; left:34;">
  267.             <IMG ID="WW-ButtonUpdate" SRC="../../Images/Top/Buttons/Update.gif" WIDTH="65" HEIGHT="24" ALT="Update Weather" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('RetrieveWeather');" ONDRAG="return false"><BR>
  268.         </DIV>
  269.         <DIV STYLE="position:absolute; z-index:35; top:13; left:100;">
  270.             <IMG ID="WW-ButtonCurrent" SRC="../../Images/Top/Buttons/Now.gif" WIDTH="46" HEIGHT="24" ALT="Show Current Conditions" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowCurrent');" ONDRAG="return false"><BR>
  271.         </DIV>
  272.         <DIV STYLE="position:absolute; z-index:35; top:13; left:147;">
  273.             <IMG ID="WW-ButtonHourly" SRC="../../Images/Top/Buttons/Hourly.gif" WIDTH="66" HEIGHT="24" ALT="Show Hourly Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowHourly');" ONDRAG="return false"><BR>
  274.         </DIV>
  275.         <DIV STYLE="position:absolute; z-index:35; top:13; left:214;">
  276.             <IMG ID="WW-ButtonDaily" SRC="../../Images/Top/Buttons/Daily.gif" WIDTH="51" HEIGHT="24" ALT="Show Daily Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowDaily');" ONDRAG="return false"><BR>
  277.         </DIV>    
  278.         <DIV STYLE="position:absolute; z-index:35; top:13; left:266;">
  279.             <IMG ID="WW-ButtonMaps" SRC="../../Images/Top/Buttons/Maps.gif" WIDTH="51" HEIGHT="24" ALT="Show Maps" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowMapMenu');" ONDRAG="return false"><BR>
  280.         </DIV>
  281.         <DIV STYLE="position:absolute; z-index:35; top:13; left:318;">
  282.             <IMG ID="WW-ButtonAlerts" SRC="../../Images/Top/Buttons/Alerts.gif" WIDTH="61" HEIGHT="24" ALT="Open Severe Alerts" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowAlerts');" ONDRAG="return false"><BR>
  283.         </DIV>
  284.         <DIV STYLE="position:absolute; z-index:35; top:13; left:380;">
  285.             <IMG ID="WW-ButtonOptions" SRC="../../Images/Top/Buttons/Options.gif" WIDTH="71" HEIGHT="24" ALT="Open Weather Watcher Live Options" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowOptions');" ONDRAG="return false"><BR>
  286.         </DIV>
  287.         <DIV STYLE="position:absolute; z-index:35; top:13; left:452;">
  288.             <IMG ID="WW-ButtonMinimize" SRC="../../Images/Top/Buttons/Minimize.gif" WIDTH="28" HEIGHT="24" ALT="Minimize Weather Watcher Live" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('WindowMinimize');" ONDRAG="return false"><BR>
  289.         </DIV>
  290.         <!-- Top buttons -->
  291.             
  292.             
  293.         <!-- Thermometer -->
  294.         <DIV STYLE="background: url('../../Images/ThermShade.gif') top; width:31px; position:absolute; z-index:30; top:2; left:2; height:100%; border:solid 1px #B6B6B6;"></DIV>
  295.         <DIV ID="WW-Thermometer-Fill" STYLE="background: url('../../Images/ThermTopRed.png') bottom; width:31px; position:absolute; z-index:34; left:2; bottom:expression(pnHeight+117+'px'); height:expression((this.parentNode.offsetHeight-117)*thermPercentage/100+'px'); border-top:solid #B6B6B6 1px;"></DIV>
  296.         <DIV STYLE="position:absolute; z-index:40; left:0; bottom:expression(pnHeight+2+'px'); border-left:solid 1px #4C5054;">
  297.             <DIV STYLE="border-left:solid 1px #C9C7C7;"><IMG ID="WW-Thermometer-Bulb" CLASS="PNG" SRC="../../Images/ThermBulbRed.png" WIDTH="73px" HEIGHT="115px"><BR></DIV>
  298.         </DIV>
  299.         <DIV ID="Therm-Bulb-Large-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Large/NA.png') no-repeat; position:absolute; z-index:60; width:61px; height:25px; left:8; bottom:expression(pnHeight+29+'px');"></DIV>
  300.         <DIV ID="Therm-Bulb-Small-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Small/NA.png') no-repeat; position:absolute; z-index:60; width:48px; height:18px; left:17; bottom:expression(pnHeight+10+'px');"></DIV>
  301.         <!-- Thermometer -->
  302.     
  303.     
  304.         <!-- WeatherBug Logo -->
  305.         <DIV ID="WeatherBug-Logo" STYLE="position:absolute; z-index:24; top:290; right:expression(pnWidth+42+'px'); display:none;">
  306.             <IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"><BR>
  307.         </DIV>
  308.         <!-- WeatherBug Logo -->
  309.         
  310.         
  311.         <!-- Bottom Area -->
  312.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:24; width:100%; height:30px; left:2; bottom:expression(pnHeight+'px'); border-bottom:solid 1px #4C5054;">
  313.             <DIV STYLE="height:100%; width:100%; border-bottom:solid 1px #C9C7C7; padding-left:80px; padding-top: 4px;">
  314.                 <IMG ID="WW-HistoryMenuImg" SRC="../../Images/Links/HistoryOff.gif" WIDTH="66" HEIGHT="20" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEOVER="this.src='../../Images/Links/HistoryOn.gif'; " ONMOUSEOUT="this.src='../../Images/Links/HistoryOff.gif';" ONMOUSEDOWN="this.src='../../Images/Links/HistoryOff.gif'; setRunAction('LaunchHistoricalWeather');">
  315.                 <IMG ID="WW-NewsMenuImg" SRC="../../Images/Links/NewsOff.gif" WIDTH="47" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/NewsOn.gif'; showMenu('WW-NewsMenu');" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  316.                 <IMG ID="WW-HealthMenuImg" SRC="../../Images/Links/HealthOff.gif" WIDTH="60" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/HealthOn.gif'; showMenu('WW-HealthMenu');" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  317.                 <IMG ID="WW-VideosMenuImg" SRC="../../Images/Links/VideosOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/VideosOn.gif'; showMenu('WW-VideosMenu');" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  318.                 <IMG ID="WW-PhotosMenuImg" SRC="../../Images/Links/PhotosOff.gif" WIDTH="63" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/PhotosOn.gif'; showMenu('WW-PhotosMenu');" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  319.                 <IMG ID="WW-CamerasMenuImg" SRC="../../Images/Links/CamerasOff.gif" WIDTH="74" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/CamerasOn.gif'; showMenu('WW-CamerasMenu');" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  320.                 <IMG ID="WW-SettingsMenuImg" SRC="../../Images/Links/SettingsOff.gif" WIDTH="73" HEIGHT="20" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEOVER="if (document.getElementById('WW-SettingsOverlay').style.display == 'none') {this.src='../../Images/Links/SettingsOn.gif'; hideAllMenus();}" ONMOUSEOUT="this.src='../../Images/Links/SettingsOff.gif';" ONMOUSEDOWN="this.src='../../Images/Links/SettingsOff.gif'; showSettings();">
  321.             </DIV>
  322.         </DIV>
  323.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:26; width:10px; height:55px; right:expression(pnWidth+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #4C5054;">
  324.             <DIV STYLE="border-right:solid 1px #C9C7C7; height:100%; width:100%;">
  325.                 <IMG ID="SliderEnd" SRC="../../Images/Slider/SliderEnd.gif" WIDTH="2" HEIGHT="75" STYLE="display:none;"><BR>
  326.             </DIV>
  327.         </DIV>        
  328.         <DIV STYLE="background-color:#AEA89A; position:absolute; z-index:22; height:2px; width:100%; right:expression(pnWidth+11+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #A39A89; border-bottom:solid 1px #A39A89;">
  329.             <IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR>
  330.         </DIV>    
  331.         <!-- Bottom Area -->
  332.         
  333.         
  334.         <!-- Bottom Links -->
  335.         <DIV ID="WW-NewsMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:81px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="newsMenuOpen=true;" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  336.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchTopStories');">Top Stories</DIV>
  337.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchNewsArchives');">News Archives</DIV>
  338.             </SPAN>
  339.         </DIV>
  340.         
  341.         <DIV ID="WW-HealthMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:132px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="healthMenuOpen=true;" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  342.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchAirQuality');">Air Quality</DIV>
  343.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchPollenCount');">Pollen Count</DIV>
  344.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchUVIndex');">UV Index</DIV>
  345.             </SPAN>
  346.         </DIV>
  347.         
  348.         <DIV ID="WW-VideosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:195px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="videosMenuOpen=true;" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  349.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchLiveLocalForecast');">Live Local Forecast</DIV>
  350.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchNationalOutlook');">National Outlook</DIV>
  351.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="videosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  352.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchCommunityVideos');">Community Videos</DIV>
  353.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchYouCasterVideoForecasts');">youCaster Video Forecasts</DIV>
  354.             </SPAN>
  355.         </DIV>
  356.         
  357.         <DIV ID="WW-PhotosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:258px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="photosMenuOpen=true;" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  358.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchRecentPhotos');">Recent Photos</DIV>
  359.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="photosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  360.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostPopularPhotos');">Most Popular Photos</DIV>
  361.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostSharedPhotos');">Most Shared Photos</DIV>
  362.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostViewedPhotos');">Most Viewed Photos</DIV>
  363.             </SPAN>
  364.         </DIV>
  365.         
  366.         <DIV ID="WW-CamerasMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:325px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="camerasMenuOpen=true;" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  367.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameras');">Local Cameras</DIV>
  368.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameraMap');">Local Camera Map</DIV>
  369.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  370.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchFeaturedCameras');">Featured Cameras</DIV>
  371.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchSeasonalCameras');">Seasonal Cameras</DIV>
  372.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  373.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchBeachCameras');">Beach Cameras</DIV>
  374.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchCityCameras');">City Cameras</DIV>
  375.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchMountainCameras');">Mountain Cameras</DIV>
  376.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchNationalParkCameras');">National Park Cameras</DIV>
  377.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchStadiumCameras');">Stadium Cameras</DIV>
  378.             </SPAN>
  379.         </DIV>        
  380.         <!-- Bottom Links -->
  381.         
  382.         
  383.         <!-- Gauges -->
  384.         <DIV ID="WW-Gauges" STYLE="position:absolute; z-index:20; height:100%; right:expression(pnWidth+15+'px'); top:20px; display:none;">
  385.             <DIV ID="WW-WindGauge-Container" STYLE="height:117px; width:115px;">
  386.                 <DIV ID="WW-WindGauge" STYLE="background: url('../../Images/Wind/NA.gif'); position:absolute; left:8px; top:12px; height:117px; width:115px; z-index:4;"><IMG ID="WW-WindGauge-Image" SRC="../../Images/Wind/NA.gif" STYLE="height:117px; width:115px;"></DIV>
  387.                 <DIV ID="WW-WindGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:63px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  388.             </DIV>            
  389.             
  390.             <DIV ID="WW-BarometerGauge-Container" STYLE="height:117px; width:115px;">
  391.                 <DIV ID="WW-BarometerGauge" STYLE="background: url('../../Images/Barometer/Barometer.gif'); position:absolute; left:8px; top:129px; height:117px; width:115px; z-index:4;" TITLE="<SPAN STYLE='color:#128517;'>Green</SPAN> = Rising<BR><SPAN STYLE='color:#0037C4;'>Blue</SPAN> = Steady<BR><SPAN STYLE='color:#C42905;'>Red</SPAN> = Falling"><IMG ID="WW-BarometerGauge-Image" SRC="../../Images/Barometer/Barometer.gif" STYLE="height:117px; width:115px;"></DIV>
  392.                 <DIV ID="WW-BarometerGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:181px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  393.             </DIV>
  394.             
  395.             <DIV ID="Gauge-Bottom" STYLE="background: url('../../Images/GaugeBottom.gif'); width:61px; height:1000px; position:absolute; z-index:2; width:61px; left:60px; top:244px;"></DIV>
  396.             <DIV ID="Gauge-Background" STYLE="position:absolute; z-index:1; height:100%; background-color:#B9B09D; width:40px; right:expression(gaugeBackgroundWidth+'px'); top:15px;"></DIV>
  397.         </DIV>
  398.         <!-- Gauges -->
  399.         
  400.                 
  401.         <!-- Right Border -->
  402.         <DIV ID="Right-Border" STYLE="display:none; position:absolute; z-index:21; height:100%; background-color:#B9B09D; width:11px; right:expression(pnWidth+2+'px'); top:36px;">
  403.             <DIV STYLE="background-color: #AEA89A; width:2px; border-top: solid 1px #A19886; border-right: solid 1px #A19886; height:100%;">
  404.                 <IMG SRC="../../Images/Blank.gif" WIDTH="1" HEIGHT="0"><BR>
  405.             </DIV>
  406.         </DIV>
  407.         <!-- Right Border -->
  408.  
  409.  
  410.         <!-- NOW Graphs -->    
  411.         <DIV ID="WW-Graphs" STYLE="position:absolute; z-index:22; left:expression(46+'px'); bottom:expression(pnHeight+160+'px'); display:none;">
  412.             <DIV STYLE="height:130px; vertical-align:center;">
  413.                 <!-- Temperature Graph -->
  414.                 <DIV ID="WW-TempGraph" STYLE="height:100%; float:left;">
  415.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  416.                     <TR>
  417.                         <TD ID="WW-TempGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  418.                             Temperature<BR>
  419.                         </TD>
  420.                     </TR>
  421.                     <TR>
  422.                         <TD ID="WW-TempGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  423.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  424.                                 <DIV ID="WW-TempGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  425.                                     <P ID="WW-TempGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  426.                                 </DIV>
  427.                                 <DIV ID="WW-TempGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  428.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  429.                                 </DIV>
  430.                             </DIV>
  431.                         </TD>
  432.                         <TD ID="WW-TempGraph-Bar2" STYLE="width:41px; height:100%;">
  433.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  434.                                 <DIV ID="WW-TempGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  435.                                     <P ID="WW-TempGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  436.                                 </DIV>
  437.                                 <DIV ID="WW-TempGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  438.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  439.                                 </DIV>
  440.                             </DIV>                    
  441.                         </TD>
  442.                         <TD ID="WW-TempGraph-Bar3" STYLE="width:49px; height:100%;">
  443.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px; border:solid 1px #CCCCCC; border-left:0px;">
  444.                                 <DIV ID="WW-TempGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  445.                                     <P ID="WW-TempGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  446.                                 </DIV>
  447.                                 <DIV ID="WW-TempGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  448.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  449.                                 </DIV>
  450.                             </DIV>                    
  451.                         </TD>
  452.                     </TR>                
  453.                     <TR>
  454.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  455.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  456.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  457.                     </TR>
  458.                     </TABLE>
  459.                 </DIV>
  460.                 <!-- Temperature Graph -->
  461.  
  462.                 <!-- Pressure Graph -->
  463.                 <DIV ID="WW-PressureGraph" STYLE="height:100%; float:left; padding-left:8px;">
  464.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  465.                     <TR>
  466.                         <TD ID="WW-PressureGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  467.                             Pressure<BR>
  468.                         </TD>
  469.                     </TR>
  470.                     <TR>
  471.                         <TD ID="WW-PressureGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  472.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  473.                                 <DIV ID="WW-PressureGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  474.                                     <P ID="WW-PressureGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  475.                                 </DIV>
  476.                                 <DIV ID="WW-PressureGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  477.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  478.                                 </DIV>
  479.                             </DIV>
  480.                         </TD>
  481.                         <TD ID="WW-PressureGraph-Bar2" STYLE="width:41px; height:100%; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  482.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px;">
  483.                                 <DIV ID="WW-PressureGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  484.                                     <P ID="WW-PressureGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  485.                                 </DIV>
  486.                                 <DIV ID="WW-PressureGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  487.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  488.                                 </DIV>
  489.                             </DIV>                    
  490.                         </TD>
  491.                         <TD ID="WW-PressureGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  492.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  493.                                 <DIV ID="WW-PressureGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  494.                                     <P ID="WW-PressureGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  495.                                 </DIV>
  496.                                 <DIV ID="WW-PressureGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  497.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  498.                                 </DIV>
  499.                             </DIV>                    
  500.                         </TD>
  501.                     </TR>                
  502.                     <TR>
  503.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  504.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  505.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  506.                     </TR>
  507.                     </TABLE>
  508.                 </DIV>
  509.                 <!-- Pressure Graph -->
  510.  
  511.                 <!-- Humidity Graph -->
  512.                 <DIV ID="WW-HumidityGraph" STYLE="height:100%; float:left; padding-left:8px;">
  513.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  514.                     <TR>
  515.                         <TD ID="WW-HumidityGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  516.                             Humidity<BR>
  517.                         </TD>
  518.                     </TR>
  519.                     <TR>
  520.                         <TD ID="WW-HumidityGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  521.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  522.                                 <DIV ID="WW-HumidityGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  523.                                     <P ID="WW-HumidityGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P><BR>
  524.                                 </DIV>
  525.                                 <DIV ID="WW-HumidityGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  526.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  527.                                 </DIV>
  528.                             </DIV>
  529.                         </TD>
  530.                         <TD ID="WW-HumidityGraph-Bar2" STYLE="width:41px; height:100%; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  531.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px;">
  532.                                 <DIV ID="WW-HumidityGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  533.                                     <P ID="WW-HumidityGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  534.                                 </DIV>
  535.                                 <DIV ID="WW-HumidityGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  536.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  537.                                 </DIV>
  538.                             </DIV>                    
  539.                         </TD>
  540.                         <TD ID="WW-HumidityGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  541.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  542.                                 <DIV ID="WW-HumidityGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  543.                                     <P ID="WW-HumidityGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  544.                                 </DIV>
  545.                                 <DIV ID="WW-HumidityGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  546.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  547.                                 </DIV>
  548.                             </DIV>                    
  549.                         </TD>                                        
  550.                     </TR>                
  551.                     <TR>
  552.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  553.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  554.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  555.                     </TR>
  556.                     </TABLE>
  557.                 </DIV>
  558.                 <!-- Humidity Graph -->
  559.  
  560.                 <!-- Wind Graph -->
  561.                 <DIV ID="WW-WindGraph" STYLE="height:100%; float:left; padding-left:8px;">
  562.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  563.                     <TR>
  564.                         <TD ID="WW-WindGraph-Caption" COLSPAN="2" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  565.                             Wind<BR>
  566.                         </TD>
  567.                     </TR>
  568.                     <TR>
  569.                         <TD ID="WW-WindGraph-Bar2" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  570.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  571.                                  <DIV ID="WW-WindGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  572.                                       <P ID="WW-WindGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  573.                                  </DIV>
  574.                                  <DIV ID="WW-WindGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  575.                                        <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  576.                                 </DIV>
  577.                             </DIV>
  578.                         </TD>
  579.                         <TD ID="WW-WindGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  580.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  581.                                  <DIV ID="WW-WindGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  582.                                       <P ID="WW-WindGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  583.                                  </DIV>
  584.                                  <DIV ID="WW-WindGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  585.                                        <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  586.                                 </DIV>
  587.                             </DIV>                    
  588.                         </TD>
  589.                     </TR>                
  590.                     <TR>
  591.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  592.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  593.                     </TR>
  594.                     </TABLE>
  595.                 </DIV>
  596.                 <!-- Wind Graph -->
  597.             </DIV>
  598.         </DIV>
  599.         <!-- NOW Graphs -->    
  600.         
  601.         
  602.         <!-- Now Status Bar -->
  603.             <DIV ID="WW-Status-Bar" STYLE="border-top: solid #D7D6D6 1px; position:absolute; z-index:21; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+104+'px');">
  604.                 <DIV STYLE="background-color:#EFEFEF; height:45px; border-top:solid #E1E0E0 1px;"><DIV CLASS="WW-Updated" STYLE="color:#6E6E6E; padding-left:40px; padding-top:10px;">[UPDATED]</DIV></DIV>            
  605.             </DIV>
  606.         <!-- Now Status Bar -->
  607.         
  608.         
  609.         <!-- Slider -->    
  610.         <DIV ID="SliderDIV" STYLE="height:73px; background: url('../../Images/Slider/SliderBackground.gif') top left; display:none; position:absolute; z-index:25; left:32; width:100%; bottom:expression(pnHeight+30+'px'); border:solid 1px #4A8797; display:none;" ONMOUSEDOWN="dragStart(event, 'SliderDIV')">
  611.             <DIV ID="WW-Slider-Content" STYLE="height:73px; padding:3px 3px 3px 44px; border:solid 1px #FFF; cursor:url('../../Cursors/Drag.cur'), default;">
  612.                 <TABLE ID="WW-Hour-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  613.                 <TR>
  614.                     [HOURLY LOOP COUNT=24]
  615.                     [TEMPLATE]    
  616.                         <TD STYLE="padding: 1px 3px 2px 0px;">                            
  617.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[HOURLY HOUR]</STRONG> [HOURLY DAY]<BR><STRONG STYLE='color:#3E6D91;'>[HOURLY CONDITION]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>Temp:</STRONG> [HOURLY TEMP]<BR><STRONG STYLE='color:#64A1D0;'>Feels Like:</STRONG> [HOURLY FEELS]<BR><STRONG STYLE='color:#64A1D0;'>Humidity:</STRONG> [HOURLY HUMIDITY]<BR><STRONG STYLE='color:#64A1D0;'>Dew Point:</STRONG> [HOURLY DEW]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [HOURLY PRECIPITATION]<BR><STRONG STYLE='color:#64A1D0;'>Sky Cover:</STRONG> [HOURLY SKY COVER]<BR><STRONG STYLE='color:#64A1D0;'>Wind:</STRONG> [HOURLY WIND FULL]">
  618.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[HOURLY HOUR]</STRONG></DIV>
  619.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[HOURLY TEMP SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  620.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[HOURLY ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  621.                             </DIV>
  622.                         </TD>
  623.                     [/TEMPLATE]
  624.                     [/HOURLY LOOP]
  625.                 </TR>
  626.                 </TABLE>
  627.                 <TABLE ID="WW-Day-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  628.                 <TR>
  629.                     [DAILY LOOP COUNT=*]
  630.                     [TEMPLATE]
  631.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  632.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION DAY]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>High:</STRONG> [DAILY HI]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR><STRONG STYLE='color:#64A1D0;'>Sunrise:</STRONG> [DAILY SUNRISE AMPM]">
  633.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY DAY ABBREV]</STRONG></DIV>
  634.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY HI SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  635.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON DAY]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  636.                             </DIV>
  637.                         </TD>
  638.                     [TEMPLATE]
  639.                     [/TEMPLATE]
  640.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  641.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY NIGHT]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION NIGHT]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>Low:</STRONG> [DAILY LO]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION NIGHT]<BR><STRONG STYLE='color:#64A1D0;'>Sunset:</STRONG> [DAILY SUNSET AMPM]">
  642.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY NIGHT ABBREV]</STRONG></DIV>
  643.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY LO SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  644.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON NIGHT]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  645.                             </DIV>
  646.                         </TD>
  647.                     [/TEMPLATE]
  648.                     [/DAILY LOOP]
  649.                 </TR>
  650.                 </TABLE>
  651.                 <TABLE ID="WW-Moon-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  652.                 <TR>
  653.                     [MOON LOOP COUNT=20]
  654.                     [TEMPLATE]
  655.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  656.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626'>[MOON DAY]</STRONG> [MOON DATE SHORT]<BR><STRONG STYLE='color:#64A1D0'>Moon Phase:</STRONG> [MOON PHASE]<BR><STRONG STYLE='color:#64A1D0'>Illumination:</STRONG> [MOON ILLUMINATION]%">
  657.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[MOON DAY ABBREV]</STRONG></DIV>
  658.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[MOON ILLUMINATION].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  659.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[MOON ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  660.                             </DIV>
  661.                         </TD>
  662.                     [/TEMPLATE]
  663.                     [/MOON LOOP]
  664.                 </TR>
  665.                 </TABLE>
  666.             </DIV>
  667.         </DIV>
  668.         <!-- Slider -->    
  669.                 
  670.         
  671.         <DIV ID="WW-Current-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  672.             <DIV CLASS="WW-AlertBanner" STYLE="display:none; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; width:100%; background-image: url(../../Images/AlertBannerEnd.gif); background-position: right; background-repeat: no-repeat;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV></DIV>
  673.             <DIV STYLE="overflow:auto;">
  674.                 <DIV STYLE="width:100%;"><DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV></DIV>
  675.                 <DIV STYLE=" padding:10px;">
  676.                     <TABLE CELLPADDING="0" CELLSPACING="0"> 
  677.                     <TR>
  678.                         <TD VALIGN="top">
  679.                             <DIV STYLE="padding-bottom: 5px;">
  680.                                 <TABLE>
  681.                                 <TR>
  682.                                     <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  683.                                         <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[ICON]" STYLE="border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV>
  684.                                         <DIV STYLE="padding-bottom:7px;"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  685.                                     </TD>
  686.                                     <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  687.                                         <DIV><STRONG STYLE="color:#262626;">Currently</STRONG></DIV>
  688.                                         <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[CONDITION]</STRONG></DIV>
  689.                                         <DIV><STRONG STYLE="color:#64A1D0;">Temp:</STRONG> [TEMP]</DIV>
  690.                                         <DIV><STRONG STYLE="color:#64A1D0;">Feels Like:</STRONG> [FEELS]</DIV>
  691.                                     </TD>
  692.                                 </TR>
  693.                                 </TABLE>
  694.                             </DIV>
  695.                         
  696.                             [DAILY SEQUENCE LOOP COUNT=2]
  697.                                 [TEMPLATE]
  698.                                     <DIV STYLE="padding-bottom: 5px;">
  699.                                         <TABLE>
  700.                                         <TR>
  701.                                             <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  702.                                                 <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON]" STYLE="border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV>
  703.                                                 <DIV STYLE="padding-bottom:7px;"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchDailyForecast');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  704.                                             </TD>
  705.                                             <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  706.                                                 <DIV><STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG></DIV>
  707.                                                 <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[DAILY CONDITION]</STRONG></DIV>
  708.                                                 <DIV><STRONG STYLE="color:#64A1D0;">[DAILY TEMP LABEL]:</STRONG> [DAILY TEMP]</DIV>
  709.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [DAILY PRECIPITATION]</DIV>
  710.                                                 <DIV><STRONG STYLE="color:#64A1D0;">[DAILY SUN LABEL]:</STRONG> [DAILY SUN AMPM]</DIV>
  711.                                             </TD>
  712.                                         </TR>
  713.                                         </TABLE>
  714.                                     </DIV>
  715.                                 [/TEMPLATE]        
  716.                             [/DAILY SEQUENCE LOOP]
  717.                         </TD>
  718.                         <TD VALIGN="top">
  719.                             <DIV STYLE="border:solid 1px #CCC; width:1px;">
  720.                                 <IMG ID="WW-Map-Image" SRC="map.jpg" WIDTH="280" STYLE="border:solid 3px #FFF; cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" TITLE="Click to view map"><BR>
  721.                             </DIV>
  722.                             <DIV ID="WW-News-Bar" STYLE="width:280px; padding-top:3px; display:;">
  723.                                 <DIV ID="WW-NewsStoryLink" STYLE="width:100%;"></DIV>
  724.                             </DIV>
  725.                         </TD>
  726.                     </TR>
  727.                     </TABLE>        
  728.                 </DIV>    
  729.             </DIV>
  730.         </DIV>
  731.         
  732.         
  733.         <DIV ID="WW-Hour-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  734.             <DIV STYLE="height:100%; overflow:auto;">
  735.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  736.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  737.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  738.                 <DIV STYLE="padding:38px 3px 0px 3px;">
  739.                     <DIV>
  740.                         <TABLE CELLPADDING="0" CELLSPACING="0"> 
  741.                         <TR>
  742.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; line-height:15px; width:50px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  743.                                 <STRONG STYLE="color:#6F6F6F">Time</STRONG><BR>
  744.                             </TD>
  745.                             <TD ALIGN="center" VALIGN="top" STYLE="width:100%; border-right:solid 1px #C5D4DC; padding-bottom:3px;">
  746.                                 <STRONG STYLE="color:#6F6F6F">Condition</STRONG><BR>
  747.                             </TD>
  748.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  749.                                 <STRONG STYLE="color:#6F6F6F">Temp</STRONG><BR>
  750.                             </TD>
  751.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  752.                                 <DIV TITLE="Feels Like" STYLE="color:#6F6F6F; font-weight:bold;">Feels</DIV>
  753.                             </TD>
  754.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  755.                                 <DIV TITLE="Chance of Precipitation" STYLE="color:#6F6F6F; font-weight:bold;">POP</DIV>
  756.                             </TD>
  757.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  758.                                 <DIV TITLE="Sky Cover" STYLE="color:#6F6F6F; font-weight:bold;">Sky</DIV>
  759.                             </TD>
  760.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  761.                                 <DIV TITLE="Dew Point" STYLE="color:#6F6F6F; font-weight:bold;">Dew</DIV>
  762.                             </TD>
  763.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  764.                                 <DIV TITLE="Humidity" STYLE="color:#6F6F6F; font-weight:bold;">Hum</DIV>
  765.                             </TD>
  766.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:65px; line-height:15px; padding-bottom:3px;" NOWRAP>
  767.                                 <STRONG STYLE="color:#6F6F6F">Wind</STRONG><BR>                                
  768.                             </TD>
  769.                         </TR>
  770.                         </TABLE>    
  771.                     </DIV>
  772.                     <DIV>
  773.                         [HOURLY LOOP COUNT=*]
  774.                         [TEMPLATE]
  775.                             <DIV CLASS="HourlyBorder[HOURLY DN]" STYLE="background: url('../../Images/HourlyBack[HOURLY DN].gif') repeat-x; border-top:solid 1px;">
  776.                                 <TABLE CELLPADDING="0" CELLSPACING="0"> 
  777.                                 <TR>
  778.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; line-height:15px; width:50px; border-right:solid 1px;" NOWRAP>
  779.                                         <STRONG STYLE="color:#3E6D91;">[HOURLY DAY ABBREV]</STRONG><BR><SPAN STYLE="color:#000;">[HOURLY HOUR]</SPAN><BR>
  780.                                     </TD>
  781.                                     <TD VALIGN="top" STYLE="padding:3px 8px 3px 3px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[HOURLY ICON]" STYLE="height:42px; border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></SPAN></TD>
  782.                                     <TD VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:100%; line-height:15px; border-right:solid 1px;">
  783.                                         [HOURLY CONDITION]<BR>
  784.                                     </TD>
  785.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  786.                                         <STRONG CLASS="HourlyTemp[HOURLY DN]">[HOURLY TEMP RETURN]</STRONG><BR>
  787.                                     </TD>
  788.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  789.                                         [HOURLY FEELS RETURN]<BR>
  790.                                     </TD>
  791.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  792.                                         [HOURLY PRECIPITATION]<BR>
  793.                                     </TD>
  794.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  795.                                         [HOURLY SKY COVER]<BR>
  796.                                     </TD>
  797.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  798.                                         [HOURLY DEW RETURN]<BR>
  799.                                     </TD>
  800.                                     <TD ALIGN="center" VALIGN="middle" CLASS="HourlyBorder[HOURLY DN]" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px;" NOWRAP>
  801.                                         [HOURLY HUMIDITY]<BR>
  802.                                     </TD>
  803.                                     <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:65px; line-height:15px;" NOWRAP>
  804.                                         <STRONG>[HOURLY WIND DIRECTION]</STRONG><BR>[HOURLY WIND]<BR>                                
  805.                                     </TD>
  806.                                 </TR>
  807.                                 </TABLE>        
  808.                             </DIV>
  809.                         [/TEMPLATE]        
  810.                         [/HOURLY LOOP]
  811.                     </DIV>
  812.                 </DIV>
  813.                 <DIV STYLE="padding-top:12px;">
  814.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  815.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  816.                     </DIV>
  817.                 </DIV>
  818.             </DIV>
  819.         </DIV>
  820.         
  821.         
  822.         <DIV ID="WW-Day-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  823.             <DIV STYLE="height:100%; overflow:auto;">
  824.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  825.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  826.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  827.                 <DIV STYLE="padding:38px 3px 0px 3px;">        
  828.                     <DIV>
  829.                         <TABLE CELLPADDING="0" CELLSPACING="0"> 
  830.                         <TR>
  831.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; line-height:15px; width:95px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  832.                                 <STRONG STYLE="color:#6F6F6F">Date</STRONG><BR>
  833.                             </TD>
  834.                             <TD ALIGN="center" VALIGN="top" STYLE="width:100%; border-right:solid 1px #C5D4DC; padding-bottom:3px;">
  835.                                 <STRONG STYLE="color:#6F6F6F">Condition</STRONG><BR>
  836.                             </TD>
  837.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  838.                                 <STRONG STYLE="color:#6F6F6F">Hi/Lo</STRONG><BR>
  839.                             </TD>
  840.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  841.                                 <DIV TITLE="Chance of Precipitation" STYLE="color:#6F6F6F; font-weight:bold;">POP</DIV>
  842.                             </TD>
  843.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:80px; line-height:15px; padding-bottom:3px;" NOWRAP>
  844.                                 <DIV TITLE="Sunrise/Sunset" STYLE="color:#6F6F6F; font-weight:bold;">Rise/Set</DIV>
  845.                             </TD>
  846.                         </TR>
  847.                         </TABLE>    
  848.                     </DIV>
  849.                     
  850.                     <DIV>
  851.                         [DAILY LOOP COUNT=*]
  852.                         [TEMPLATE]
  853.                             <DIV STYLE="background: url('../../Images/DailyBack2.gif') repeat-x; border-top:solid #EFD99B 1px;">
  854.                                 <TABLE CELLPADDING="0" CELLSPACING="0"> 
  855.                                 <TR>
  856.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; line-height:15px; width:95px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:10px;" NOWRAP>
  857.                                         <STRONG STYLE="color:#3E6D91;">[DAILY DAY ABBREV DN]</STRONG><BR><SPAN STYLE="color:#000;">[DAILY DATE]</SPAN><BR>
  858.                                     </TD>
  859.                                     <TD VALIGN="top" STYLE="padding:3px 8px 3px 3px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON DAY]" STYLE="height:42px; border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV></TD>
  860.                                     <TD VALIGN="top" STYLE="font-size:12px; width:100%; line-height:15px; border-right:solid 1px #EFD99B; padding-top:18px; padding-bottom:5px;">
  861.                                         <DIV><DIV CLASS="WW-DailyCondition" STYLE="float:left;">[DAILY CONDITION DAY]</DIV><DIV CLASS="WW-DailyConditionBold" STYLE="float:left; display:none;"><STRONG>[DAILY CONDITION DAY]</STRONG></DIV><DIV STYLE="float:right; padding-right:5px;"><DIV CLASS="WW-DailyMore" TITLE="<SPAN STYLE='line-height:15px;'><STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> <STRONG STYLE='color:#3E6D91;'>[DAILY DATE]</STRONG><BR>[DAILY PREDICTION DAY]<BR></SPAN>"><A HREF="#" STYLE="" ONCLICK="dailyForecastShowLess()" ONDRAG="return false">More</A></DIV><A CLASS="WW-DailyLess" HREF="#" STYLE="display:none;" ONCLICK="dailyForecastShowMore()" ONDRAG="return false">Less</A></DIV></DIV>
  862.                                         <DIV CLASS="WW-DailyPrediction" STYLE="padding-top:8px; padding-bottom:5px; display:none;"><BR>[DAILY PREDICTION DAY]</DIV>
  863.                                     </TD>
  864.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:18px;" NOWRAP>
  865.                                         <STRONG STYLE="color:#B62424;">[DAILY HI RETURN]</STRONG><BR>
  866.                                     </TD>
  867.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:18px;" NOWRAP>
  868.                                         [DAILY PRECIPITATION DAY]<BR>
  869.                                     </TD>
  870.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:80px; line-height:15px; padding-top:18px;" NOWRAP>
  871.                                         [DAILY SUNRISE AMPM]<BR>
  872.                                     </TD>
  873.                                 </TR>
  874.                                 </TABLE>
  875.                             </DIV>
  876.                         [/TEMPLATE]
  877.                         [TEMPLATE]
  878.                             <DIV STYLE="background: url('../../Images/DailyBack.gif') repeat-x; border-top:solid #C5D4DC 1px;">
  879.                                 <TABLE CELLPADDING="0" CELLSPACING="0"> 
  880.                                 <TR>
  881.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; line-height:15px; width:95px; border-right:solid 1px #C5D4DC; padding-bottom:3px; padding-top:10px;" NOWRAP>
  882.                                         <STRONG STYLE="color:#3E6D91;">[DAILY NIGHT ABBREV DN]</STRONG><BR><SPAN STYLE="color:#000;">[DAILY DATE]</SPAN><BR>
  883.                                     </TD>
  884.                                     <TD VALIGN="top" STYLE="padding:3px 8px 3px 3px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON NIGHT]" STYLE="height:42px; border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV></TD>
  885.                                     <TD VALIGN="top" STYLE="font-size:12px; width:100%; line-height:15px; border-right:solid 1px #C5D4DC; padding-top:18px; padding-bottom:5px;">
  886.                                         <DIV><DIV CLASS="WW-DailyCondition" STYLE="float:left;">[DAILY CONDITION NIGHT]</DIV><DIV CLASS="WW-DailyConditionBold" STYLE="float:left; display:none;"><STRONG>[DAILY CONDITION NIGHT]</STRONG></DIV><DIV STYLE="float:right; padding-right:5px;"><DIV CLASS="WW-DailyMore" TITLE="<SPAN STYLE='line-height:15px;'><STRONG STYLE='color:#262626;'>[DAILY NIGHT]</STRONG> <STRONG STYLE='color:#3E6D91;'>[DAILY DATE]</STRONG><BR>[DAILY PREDICTION NIGHT]<BR></SPAN>"><A HREF="#" STYLE="" ONCLICK="dailyForecastShowLess()" ONDRAG="return false">More</A></DIV><A CLASS="WW-DailyLess" HREF="#" STYLE="display:none;" ONCLICK="dailyForecastShowMore()" ONDRAG="return false">Less</A></DIV>
  887.                                         <DIV CLASS="WW-DailyPrediction" STYLE="padding-top:8px; padding-bottom:5px; display:none;"><BR>[DAILY PREDICTION NIGHT]</DIV>
  888.                                     </TD>
  889.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px; padding-top:18px;" NOWRAP>
  890.                                         <STRONG STYLE="color:#1462AB;">[DAILY LO RETURN]</STRONG><BR>
  891.                                     </TD>
  892.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px; padding-top:18px;" NOWRAP>
  893.                                         [DAILY PRECIPITATION NIGHT]<BR>
  894.                                     </TD>
  895.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:80px; line-height:15px; padding-top:18px;" NOWRAP>
  896.                                         [DAILY SUNSET AMPM]<BR>
  897.                                     </TD>
  898.                                 </TR>
  899.                                 </TABLE>
  900.                             </DIV>
  901.                         [/TEMPLATE]        
  902.                         [/DAILY LOOP]
  903.                     </DIV>
  904.                 </DIV>
  905.                 <DIV STYLE="padding-top:12px;">
  906.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  907.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  908.                     </DIV>
  909.                 </DIV>
  910.             </DIV>
  911.         </DIV>
  912.                             
  913.         <DIV ID="WW-ResizeWindow" STYLE="position:absolute; z-index:100; padding:0px 3px 3px 0px; cursor:se-resize; width:20px; height:20px; bottom:expression(pnHeight+'px'); right:expression(pnWidth+'px');" ONMOUSEDOWN="setRunAction('WindowResize');"><DIV STYLE="height:100%; width:100%; background: url('../../Images/Resizer.gif') no-repeat bottom right;"></DIV></DIV>
  914.         <DIV ID="WW-ProgressBar" STYLE="position:absolute; z-index:400; border:solid #ABABAB 1px; display:none; width:300px; height:34px; top:expression(this.parentNode.offsetHeight/2-17+'px'); left:expression(this.parentNode.offsetWidth/2-150+'px');"><DIV STYLE="padding:1px; height:100%; border:solid #DBDBDB 1px; background-color:#FFF;"><DIV STYLE="background-color:#D3E4E9; height:100%;"><DIV ID="WW-ProgressBarColor" STYLE="width:50%; height:100%; border:solid #427886 1px; background-color:#4A8797;"></DIV></DIV></DIV></DIV>
  915.     </DIV>
  916.     </DIV>
  917.         
  918.     <DIV ID="WW-IsInternational" STYLE="display:none;">[IS INTERNATIONAL]</DIV>
  919.     <DIV ID="WW-RunScript" STYLE="display:none;"></DIV>
  920.     <DIV ID="WW-RunScriptRT" STYLE="display:none;"></DIV>
  921.     <DIV ID="WW-RunScriptRTW" STYLE="display:none;"></DIV>
  922.     <DIV ID="WW-RunAction" STYLE="display:none;"></DIV>
  923.     <DIV ID="WW-Link" STYLE="display:none"></DIV>
  924.     <DIV ID="WW-SkinOption1" STYLE="display:none;"></DIV>
  925.     <DIV ID="WW-SkinOption2" STYLE="display:none;"></DIV>
  926.     <DIV ID="WW-SkinOption3" STYLE="display:none;"></DIV>
  927.     <DIV ID="WW-SkinOption4" STYLE="display:none;"></DIV>
  928.     <DIV ID="WW-SkinOption5" CLASS="WW-SkinOption5" STYLE="display:none;"></DIV>
  929.     <DIV ID="WW-SkinOption6" CLASS="WW-Skin-MapZoomLevel" STYLE="display:none;"></DIV>
  930.     <DIV ID="WW-SkinOption7" CLASS="WW-SkinOption7" STYLE="display:none;"></DIV>
  931.     <DIV ID="WW-SkinOption20" STYLE="display:none;"></DIV>
  932.     <IMG ONERROR="updateTemperature('[TEMP]', '[TEMP PLAIN NOT CONVERTED]', '[TEMP HIGH PLAIN NOT CONVERTED]', '[FEELS PLAIN]'); refreshRealtimeWindData('[WIND DEGREES]', '[WIND PLAIN]', '[FEELS PLAIN NOT CONVERTED]');" SRC="#" STYLE="display:none;">
  933.  
  934.     <DIV ID="WW-AlertInfo" STYLE="display:none;">[ALERTS INFO]</DIV>
  935.     <DIV ID="WW-Barometer" STYLE="display:none;">[BAROMETER PLAIN NOT CONVERTED]</DIV>
  936.     <DIV ID="WW-Barometer-Text" STYLE="display:none;">[BAROMETER]</DIV>
  937.     <DIV ID="WW-Barometer-Plain-Text" STYLE="display:none;">[BAROMETER PLAIN]</DIV>
  938.     <DIV ID="WW-Barometer-Rate" STYLE="display:none;">[BAROMETER RATE]</DIV>
  939.     
  940.     <DIV ID="WW-Station-Source" STYLE="display:none;">[STATION]</DIV>
  941.     <DIV ID="WW-Updated-Source" STYLE="display:none;">[UPDATED]</DIV>
  942.  
  943.     <DIV ID="WW-Skin-Path" STYLE="display:none;">[SKIN PATH SLASH]</DIV>
  944.     
  945.     <IMG ONERROR="graphLoad('WW-TempGraph', 'Temperature', '-30', '130', '[TEMP LOW PLAIN NOT CONVERTED]', iif(('[TEMP LOW PLAIN SINGLE]' != 'N/A'), '[TEMP LOW PLAIN SINGLE]', '[TEMP LOW PLAIN NOT CONVERTED]'), '[TEMP PLAIN NOT CONVERTED]', iif('[TEMP PLAIN ROUND]' != 'N/A', '[TEMP PLAIN ROUND SINGLE]', '[TEMP PLAIN NOT CONVERTED]'), '[TEMP HIGH PLAIN NOT CONVERTED]', iif('[TEMP HIGH PLAIN SINGLE]' != 'N/A', '[TEMP HIGH PLAIN SINGLE]', '[TEMP HIGH PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  946.     <IMG ONERROR="graphLoad('WW-PressureGraph', 'Pressure', '27', '32', '[BAROMETER LOW PLAIN NOT CONVERTED]', iif(('[BAROMETER LOW PLAIN]' != 'N/A'), '[BAROMETER LOW PLAIN]', '[BAROMETER LOW PLAIN NOT CONVERTED]'), '[BAROMETER PLAIN NOT CONVERTED]', iif('[BAROMETER PLAIN ROUND]' != 'N/A', '[BAROMETER PLAIN]', '[BAROMETER PLAIN NOT CONVERTED]'), '[BAROMETER HIGH PLAIN NOT CONVERTED]', iif('[BAROMETER HIGH PLAIN]' != 'N/A', '[BAROMETER HIGH PLAIN]', '[BAROMETER HIGH PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  947.     <IMG ONERROR="graphLoad('WW-HumidityGraph', 'Humidity', '-10', '120', '[HUMIDITY LOW PLAIN]', '[HUMIDITY LOW PLAIN]', '[HUMIDITY PLAIN]', '[HUMIDITY PLAIN]', '[HUMIDITY HIGH PLAIN]', '[HUMIDITY HIGH PLAIN]', '');" SRC="#" STYLE="display:none;">
  948.     <IMG ONERROR="graphLoad('WW-WindGraph', 'Wind', '-10', '60', '', '', '[WIND PLAIN NOT CONVERTED]', iif(('[WIND PLAIN]' != 'N/A'), '[WIND PLAIN]', '[WIND PLAIN NOT CONVERTED]'), '[WIND GUST PLAIN NOT CONVERTED]', iif(('[WIND GUST PLAIN]' != 'N/A'), '[WIND GUST PLAIN]', '[WIND GUST PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  949. </BODY>
  950.  
  951. </HTML>